<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>daily</title>
	<script src="https://unpkg.com/vue@3.1.1/dist/vue.global.prod.js"></script>
	<script src="https://cdn.staticfile.org/moment.js/2.24.0/moment-with-locales.min.js"></script>
	<link rel="stylesheet" href="../styles/reset.css"/>
	<link rel="stylesheet" href="../styles/daily/header.css"/>
	<link rel="stylesheet" href="../styles/daily/material.css"/>
	<link rel="stylesheet" href="../styles/daily/event.css"/>
	<link rel="stylesheet" href="../styles/daily/common-title.css"/>
</head>
<body>

<div id="app"></div>

<script type="module">
	import App from "../components/daily/app.js";

	Vue.createApp(App).mount("#app");
</script>

</body>
</html>

<style>
	#app {
		width: 1180px;
		--primary-base: #F9F5F1;
		--primary-dark: #886444;
		--shadow-base: rgba(136, 100, 68, 0.2);
		--shadow-dark: rgba(136, 100, 68, 1);
	}
</style>